/*设置页面的背景图片*/
body {
    margin: 0;
    padding: 0;
    background-image: url("/resource/register_bg.png");
}

/*设置容器区域的样式*/
#container {
    background-color: white;
    /*设置容器内部的div在一行，需要修改容器内部的布局方式为弹性布局*/
    display: flex;
    border: 2px solid #eeeeee;

    /*设置内边距，即内容与边框之间的距离*/
    padding: 10px;

    /*设置外部容器的长宽*/
    width: 650px;
    height: 350px;

    /*将本容器放于页面中央，使用position中的绝对定位*/
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

/*设置左边容器样式*/
#span01, #span02 {
    color: #f9d787;
    font-family: 宋体, serif;
    font-weight: bold;
}

#span02 {
    color: gray;
}

/*设置最右侧的登录区域a标签样式*/
#login_div {
    font-size: 12px;
}

#login_div a {
    color: #ffd7e3;
    text-decoration: underline;
}

/*设置表单容器内的表格 第一列为右对齐*/
#form_container form table td:first-child {
    text-align: right;
    /*设置右侧的内边距*/
    padding-right: 20px;
}

/*设置表单区域的样式*/
#form_container {
    margin-left: 20px;
    font-family: 宋体, serif;
}

/*表单中修改图片的大小*/
form img {
    height: 20px;
}

/*设置注册按钮的样式*/
#btn01 {
    background-color: orange;
    border: 0;
    width: 100px;
    height: 30px;
}

/*设置表格每一行中的列与其他元素的内边距*/
form table td {
    padding-top: 10px;
}